<template>
  <div>
    <el-container>
      <el-header>
        <heades />
      </el-header>
      <el-container>
        <el-aside style="width: auto">
          <left-menu />
        </el-aside>
        <el-main>
          <!--加入CommonTag-->
          <!-- <demo/> -->
          <common-tag />
          <div  style="
              margin-top: 42px;
              padding: 20px;
              height: calc(100vh - 150px);
              overflow-y: scroll;
            ">

            <keep-alive>
              <router-view v-if="$route.meta.keepAlive"></router-view>
            </keep-alive>

            <router-view v-if="!$route.meta.keepAlive"></router-view>

           
          </div>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
  import Heades from "./heads/index";
  import LeftMenu from "./menu/leftMenu";
  import CommonTag from "./components/CommonTag";

  export default {
    name: "index",
    components: {
      Heades,
      LeftMenu,
      CommonTag,
    },
    data() {
      return {
     
      };
    },
  };

</script>

<style scoped>
  .el-header {
    padding: 0;
  }

  .el-main {
    padding: 0;
  }

</style>
